import React from 'react';

export function PasswordInput({
  className = '',
  ...props
}: React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>) {
  return (
    <div className="rounded-md shadow-sm">
      <input
        type="password"
        className={
          'appearance-none outline-none h-8 focus:border-gray-400 block w-full px-3 py-2 border border-gray-300 text-gray-900 placeholder-gray-500 rounded-md ' +
          className
        }
        {...props}
      />
    </div>
  );
}
